<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('系统管理-经费拨款计划')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row" id="index">

            <!--登录信息-->
            <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
            <input name="username" th:value="${session.username}" type="hidden" id="username">
            <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">

            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label style="width:100px;">经费批次名称：</label>
                                <input type="text" name="picimingcheng" v-model="picimingcheng"/>
                            </li>
                            <li>
                                <a class="btn btn-success btn-rounded btn-sm" @click="bindJingfeiPiciList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" @click="reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div id="toolbar" role="group" style="margin-top: 80px;">
                <a class="btn btn-rounded btn-primary btn-md" @click="toAdd()">
                    <i class="fa fa-plus"></i> 添加
                </a>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table class="bootstrap-table table-hover table-striped table" style="text-align: center;">
                    <thead>
                        <tr style="font-weight: bold;">
                            <td>序号</td>
                            <td>经费批次名称</td>
                            <td>发放人数</td>
                            <td>全额人数</td>
                            <td>停发人数</td>
                            <td>总金额</td>
                            <td>实发金额</td>
                            <td>开始计发年月</td>
                            <td>结束计发年月</td>
                            <td>截止日期</td>
                            <td>发放状态</td>
                            <!--<td>当前批次</td>-->
                            <td>操作</td>
                        </tr>
                    <thead>
                    <tbody>
                        <tr v-for="(jingfeipiciitem,index) in jingfeipicilist"  v-if="jingfeipicilist.length > 0">
                            <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.jingfeipicimingcheng"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.fafanrenshu"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.quanerenshu"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.tingfarenshu"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.zongjine"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.fafangjine"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.kaishinianyue"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.jieshunianyue"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="jingfeipiciitem.jisuanshijian"></td>
                            <td style="vertical-align: middle; text-align: center;color:red" v-if="jingfeipiciitem.isfafang==0">未发放</td>
                            <td style="vertical-align: middle; text-align: center;color:green" v-if="jingfeipiciitem.isfafang==1">已发放</td>
                            <!--<td style="vertical-align: middle; text-align: center;color:green" v-if="jingfeipiciitem.isdangqianpici=='1'">是</td>
                            <td style="vertical-align: middle; text-align: center;color:red" v-if="jingfeipiciitem.isdangqianpici=='0'">否</td>-->
                            <td style="vertical-align: middle; text-align: center;" v-text="">
                               <button v-if="jingfeipiciitem.isfafang==false&&jingfeipiciitem.isjisuan=='0'" class="btn btn-md btn-rounded btn-warning" @click="toModify(jingfeipiciitem.id)">修改</button>
                                <!--<button v-if="jingfeipiciitem.isfafang==false" class="btn btn-md btn-warning" @click="toJisuan(jingfeipiciitem)">核发本批次津贴</button>
                                <button class="btn btn-md btn-success" v-if="jingfeipiciitem.isfafang==0&&jingfeipiciitem.isjisuan=='1'" @click="toFafangJingfei(jingfeipiciitem)">发放</button>
                                <button class="btn btn-md btn-primary" @click="toJingfeiPiciDetail(jingfeipiciitem)">查看</button>-->
                                <button v-if="jingfeipiciitem.isfafang==false&&jingfeipiciitem.isjisuan=='0'" class="btn btn-md btn-rounded btn-danger" @click="Delete(jingfeipiciitem)">删除</button>
                                <!--<button v-if="jingfeipiciitem.isjisuan=='1'" class="btn btn-md btn-default" @click="Export(jingfeipiciitem)">导出拨款表</button>-->
                            </td>
                        </tr>
                        <tr v-if="jingfeipicilist.length == 0">
                            <td style="text-align: center; vertical-align: middle" colspan="12">查无数据</td>
                        </tr>
                    </tbody>
                </table>


                <!-- 编辑经费批次信息 -->
                <div th:replace="system/xitongguanli/jingfeibokuanjihua/modal_edit::jingfeipici_edit"></div>
                <!--<div th:replace="system/jingfeipici/modal_fafang::fafang"></div>-->
            </div>
        </div>

    </div>
    <th:block th:include="include :: footer" />
     <th:block th:include="include :: datetimepicker-js" />
     <script th:src="@{/js/system/xitongguanli/jingfeibokuanjihua/index.js?v=1.0}"></script>

</body>
</html>

<style>
    .red{
        color: red;
    }
    .green{
        color: green;
    }
</style>